<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../../vue.js"></script>
</head>

<body>
    <div id="app"></div>
</body>

</html>
<script>
    const vm = new Vue({

        //el用来选择容器
        // el:"#app",

        //template用来写内容，这个内容将直接替换el选择的容器（也就是直接覆盖）
        template: `
        <h1>姓名是{{name}}</h1>
        `,

        //data用来添加数据
        data: {
            name: "张三"
        }
    })

    //当Vue实例中没有el这个东西的时候，整个实例属于“未挂载”状态，此时没有关联的DOM元素
    //这种情况下，可以通过  vm.$mount()  来手动选择挂载容器。参数可以是一个string，也可以是一个元素  
    //可以异步挂载
    setTimeout(() => {
        vm.$mount("#app");
    }, 1000)
</script>